import { Flex, Textarea, TextareaProps } from "@chakra-ui/react";
import React, { useRef } from "react";
import MyIcon from "../../Icon/MyIcon";

type Props = TextareaProps & {
  title?: string;
};

const MyTextarea = React.forwardRef<HTMLTextAreaElement, Props>(
    function MyTextarea(props, ref){
    const TextareaRef = useRef<HTMLTextAreaElement>(null);
    return (
      <>
        <Textarea ref={TextareaRef} maxW={"100%"} {...props} />
      </>
    );
  }
);

export default React.memo(MyTextarea);
